@charset "utf-8";
$display:inline-block;
.content{
    width: 100%;
    text-align: center;
    .regedit_list{
        display: inline-block;
        max-width: 1200px;
        width: 1200px;
        margin-top: 26px;
        
        div{
            display: $display;
            width: 33%;

            text-align: left;
            padding: 45px 50px;
            vertical-align: top;
                h2{

                    font-weight: normal;
                }
                p{
                    padding-bottom: 13px;
                }
                li{
                    padding-bottom: 40px;
                }
                input:focus{
                        animation: appear 800ms ease-out infinite alternate;
                        box-shadow: 0 0 5px;
                    }
                 input[type="text"],input[type="password"]{
                     width: 100%;
                    height: 37px;
                    background: #ffffff;
                    border-radius: 5px;
                    border: 1px solid #dbdbdb;
                    font-size: 10px;
                     font-size: 16px;
                     text-indent:6px;
                 }   
                    
                   
           
               input[type="button"]{
                   width: 100%;
                    line-height: 40px;
                    background: #584c4c;
                    border-radius: 5px;
                    font-size: 17px;
                    color: white;
                    opacity: 1;
                    &:hover{
                        opacity: 0.7;
                        font-weight: 600;
                    }
                   
                    
               }    
//             input[type="radio"] + label::before{
//                 content: "";
//                 display: inline-block;
//                 vertical-align: middle;
//                 width: 1em;
//                 height: 1em;
//                 margin-right: 8px;
//                 border-radius: 50%;
//                 border: 1px solid #f3f3f3;
//                 text-indent: .15em;
//                 line-height: 0.5;
//                 
//             }         
//             input[type="radio"]:checked+label::before{
//                 background-color: #414141;
//                 background-clip: content-box;
//                 padding: .2em;
//             }
//             input[type="radio"]{
//                 position: absolute;
//                 clip: rect(0,0,0,0);
//             }
               input[type="checkbox"]{
                   vertical-align: middle;
               }
                a{
                            font-style: normal;
                            color: black;
                            
                            &:hover{
                                text-decoration: underline;
                            }
                            }
               
        }
            .login_list{
                height: 1155px;
                background: #f6f6f6;

                    .pw_fget{
                             font-size: 13px;
                           
                      
                   	   
                           }
            }
        .sign_up{
            border-right: 1px solid #f2f2f2;
                .warm_tipe{
                    padding-bottom: 50px;
                }
                .cancel_block{
                    display: inline-block;
                }
                span{
                    color: #8a8a8a;
                }
                .add{
                    padding-top: 10px;
                    position: relative;
                    span{
                        color: black;
                    }
                    .fr_radio{
                        color: black;
                        position: absolute;
                        left: 150px;
                    }
                }
            }
            .my_order{
                .add{
                    padding-bottom: 17px;
                }
            }

     }   
}
@keyframes appear{
    0%{
        border-color:#13b1ec;
        box-shadow: 0 0 5px #66FF66;
    }
    100%{
        border-collapse: #38a6eb;
        box-shadow: 0 0 20px #38ebc3;
    }
}
